非同一班的网站静态资源服务

Prism.js 代码高亮

· 默认分类 · 浏览量: · 评论数:

AI摘要:Prism.js 是一款代码高亮库,可用于在网页中高亮显示代码。通过引用 Prism.js 脚本和 CSS 文件,并为代码块添加语言类,即可使用 Prism.js 高亮代码。Prism.js 支持多种编程语言,并提供默认语言设置。

Powered by Gemini.

使用方法

在网页中引用

<script src="//cdn.jkjoy.cn/highlight/prism.js"></script>
<link rel="stylesheet" href="//cdn.jkjoy.cn/highlight/prism.css"  />
  <script>
  document.addEventListener('DOMContentLoaded', function () {
    var defaultLanguage = 'javascript'; // 设置默认语言
    document.querySelectorAll('pre code').forEach(function (block) {
      if (!block.classList.length) {
        block.classList.add('language-' + defaultLanguage);
      }
    });
    Prism.highlightAll();
  });
</script>
------ THE END ------

Prism 代码高亮